<!DOCTYPE html>
<html manifest="demon.manifest">
<head>
<title>Pocket Demon</title>
<meta http-equiv="X-UA-Compatible" content="chrome=1" />

<!-- iPhone ICON -->
        <link href="demon-icon-57.png" sizes="57x57" rel="apple-touch-icon">
        <!-- iPad ICON-->
        <link href="demon-icon-72.png" sizes="72x72" rel="apple-touch-icon">
        <!-- iPhone (Retina) ICON-->
        <link href="packaging/demon-icon-114.png" sizes="114x114" rel="apple-touch-icon">
        <!-- iPad (Retina) ICON-->
        <link href="demon-icon-144.png" sizes="144x144" rel="apple-touch-icon">

        <!-- iPhone SPLASHSCREEN-->
        <link href="demon-screen-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
        <!-- iPhone (Retina) SPLASHSCREEN-->
        <link href="demon-screen-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <!-- iPad (portrait) SPLASHSCREEN-->
        <link href="demon-screen-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image">
        <!-- iPad (landscape) SPLASHSCREEN-->
        <link href="demon-screen-748x1024.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image">
        <!-- iPad (Retina, portrait) SPLASHSCREEN-->
        <link href="demon-screen-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <!-- iPad (Retina, landscape) SPLASHSCREEN-->
        <link href="demon-screen-1496x2048.png" media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

<meta content="width=device-width; initial-scale=1.0;  maximum-scale=1.0; user-scalable=0;" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<style>
	* {
		font-family: sans-serif;
		-webkit-user-select: none;
	}

	@font-face {
	    font-family: 'ygothMedium';
	    src: url('ygoth-webfont.eot');
	    src: url('ygoth-webfont.eot?#iefix') format('embedded-opentype'),
		 url('ygoth-webfont.woff') format('woff'),
		 url('ygoth-webfont.ttf') format('truetype'),
		 url('ygoth-webfont.svg#ygothMedium') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	body { 
		padding:0px; 
		margin:0px; 
		color: white; 
		background-color: black; 
		overflow: hidden;
	}
	input { 
		font-size:14px;
		padding: 0px;
	}
	div { padding:0px; margin:0px; }
	canvas { padding:0px; margin:0px; position: absolute; }
</style>
</head>
<script src="canvas.js"></script>
<script src="demon.js"></script>
<body onload="init()">
	<div id="status_div" style="position: absolute; padding: 10px; font-family: ygothMedium; font-weight: normal; font-style: normal; font-size: 125%;">&nbsp;</div>
	<div id="canvas_div" style="position: absolute; "><canvas id="canvas" class="canvas"  width="320" height="320"></canvas></div>
	<div id="click_div" style="position: absolute; ">&nbsp;</div>
</body>
</html>
</head>
</body>
</html>

